<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的购物车</title>
    <link href="css/css_12_shopping_car.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <div class="header">
            <div class="logo-left"></div>
            <div class="search-right"></div>
        </div>
        <div class="filter-bar">
            <span class="left"> 全部商品</span>
            <div class="right">
                <span>配送至:</span>
                <form><input type="text" placeholder="江苏省苏州市虎丘区"></form>
            </div>
        </div>
        <div class="filter-bar">
            <div  class="check">
                <input type="checkbox"> 全选
            </div>
            <div class="shopping">
                <span>商品</span>
            </div>
            <div class="caozuo">
                <span>操作</span>
            </div>
            <div class="caozuo">
                <span>小计</span>
            </div>
            <div class="caozuo">
                <span>数量</span>
            </div>
            <div class="caozuo">
                <span>单价</span>
            </div>
        </div>
        <div class="pro-list">
            <ul>
                <li>
                    <div class="header">
                        <input type="checkbox">心相印旗舰店
                        <button>优惠券</button>
                    </div>
                    <div class="goods-detail">
                        <!-- 左边（图片名称）-->
                        <div class="goods-left">
                            <input type="checkbox">
                            <a href="" class="goods-img">
                                <img src="images/goods1.jpg">
                            </a>
                            <a href="" class="goods-name">
                                心相印99.9%杀菌消毒卫生湿巾便携装湿纸巾学生湿纸巾随身装清洁湿巾独立包装10片10包

                            </a>
                        </div>


                        <!-- 右边（价格操作）-->
                        <div class="goods-right">
                            <div class="cell unit-price">
                                <span>￥</span>
                                <span>28.8</span>
                            </div>
                            <div class="cell cart-quality">
                                <button>-</button>
                                <input type="text" value="1">
                                <button>+</button>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="header">
                        <input type="checkbox">心相印旗舰店
                        <button>优惠券</button>
                    </div>
                </li>
                <li>
                    <div class="header">
                        <input type="checkbox">心相印旗舰店
                        <button>优惠券</button>
                    </div>
                </li>
                <li>
                    <div class="header">
                        <input type="checkbox">心相印旗舰店
                        <button>优惠券</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>